html,body{
  padding: 0;margin:0;
  font-family: 'PingFang SC', Arial, 微软雅黑, 宋体, simsun, sans-serif;
  font-size: 13px
}
body{
  background: #fff;
  font-size: 16px;
}
#app{
  padding-bottom: 60px;
}
[v-cloak] {
  display: none;
}
h4{
  margin: 0;
}
.pad5{
  padding: 10px 15px;
}
.font4{
  font-size: 17px;
  color:#535252;
}
.fixBoton{
  font-size: 14px;
}
.font3{
  font-size: 15px;
  color:#AFACAC
}
.noData{
  text-align: center;margin-top:40px;
  color: #AFACAC
}
.icon{
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: top;
}
.padLeft{
  padding:0 15px;
}
.gray{
  color: #CACACB
}
#app{
  width: 100%; 
  overflow: hidden;
}
#appBtn{
  background: #5BA8F7;
  width: 70px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: none;
  border-radius: 4px;
  color: #fff;
  text-decoration: none
}
.footBox{
  position: fixed;
  bottom: 0;
  left: 0;
  background: #000;
  background-color:rgba(0,0,0,0.5);
  color: #fff;
  display: flex;
  width: 100%;
  height: 60px;
  padding:0 15px;
  box-sizing:border-box;
  align-items: center;
}
.footBox img{
  width: 46px;
  height: 46px;
  display: inline-block;
  margin-right: 10px;
}
.footBox .center{
  flex: 1;
}
.footBox h5{
  margin: 0;
  font-size: 18px;
}
.footBox .lastBox{
  border:1px solid #fff;
  height: 30px;
  width: 80px;
  line-height:30px;
  box-sizing: border-box;
  border-radius:4px;
  text-align:center;
  text-decoration:none;
  color: #fff;
}
/* 头像部分 */
.user {
  display: flex;
  padding: 10px 15px;
  align-items: center;
}
.user .headbox {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
}
.user .userInfo {
  color: #535252;
  margin-left: 10px;
  flex: 1;
}
.user .userInfo .time {
  color: #e0e0e0;
  font-size: 12px;
}
.flex{
  display: flex;
}
.flex1{
  flex: 1
}
.red{
  color: #E2717C;
}
.gray{
  color: #9B9B9B
}



/* 评价Img */
.pjImg{
  width: 30%;
  display: inline-block;
  margin-right: 2%;
  height: 110px;
}

.startImg{
  width: 14px;
}